<template>
  <van-popup
    v-model="value"
    position="bottom"
    :close-on-click-overlay="false"
    @click-overlay="close"
  >
    <div>
      <div class="van-hairline--top-bottom van-actionsheet__header">
        <div>{{title}}</div>
        <van-icon name="close" @click="close"/>
      </div>
      <van-cell-group :border="false">
        <van-cell>
          <div class="text-maintone">定金</div>
          <div
            class="text-regular"
          >定金支付：{{info.start_time | formatDate}}至{{info.end_time | formatDate}}支付定金{{info.firstmoney | yuan}}，下单后请在30分钟内支付，超时将自动取消订单。</div>
        </van-cell>
        <van-cell>
          <div class="text-maintone">尾款</div>
          <div
            class="text-regular"
          >尾款支付：{{info.pay_start_time | formatDate}}至{{info.pay_end_time | formatDate}}支付尾款，超时订单关闭，且定金不予退还。</div>
        </van-cell>
        <van-cell>
          <div class="text-maintone">发货</div>
          <div class="text-regular">发货时间：{{info.send_goods_time | formatDate}}开始发货。</div>
        </van-cell>
      </van-cell-group>
    </div>
    <div class="foot-btn-group">
      <van-button size="normal" block round type="default" @click="close">关闭</van-button>
    </div>
  </van-popup>
</template>
<script>
export default {
  data() {
    return {
      show: false
    };
  },
  props: {
    value: {
      type: Boolean,
      default: false
    },
    title: {
      type: String,
      default: "标题"
    },
    info: Object
  },
  methods: {
    close() {
      this.$emit("input", false);
    }
  }
};
</script>
